$namespace: 'gl';
$element-separator: '__';
$modifier-separator: '--';
$state-prefix: 'is-';

@import '../mixins/mixins.scss';
@import '../common/var.scss';

@include b(page-btns) {
  padding: $--padding-base * 2 0;
  @include layout(('md', 'sm', 'xs')) { padding: $--padding-base * 1.5 0; }
}

@include b(form-cutline) {
  display: inline-block;
  height: 1px;
  width: 100%;
  background-color: #eee;
}

@include b(form-block) {
  border-top: 1px dashed $--border-color-base;

  @include e(title) {
    padding: $--padding-base * 2 0;
  }

  @include e(item) {
    min-width: 320px;
  }
}

@include b(page-block) {
  
  @include e(title) {
    font-size: 16px;
    font-weight: normal;
    padding: 0 0 $--padding-base 0;
    margin: $--margin-base * 2 0 0 0;
    border-bottom: 1px dashed $--border-color-base;
  }

  @include e(item) {
    min-width: 320px;
  }
}

@include b(page-title) {
  font-size: 18px;
}

@include b(table-container) {
  margin-bottom: 52px;
  .el-pagination {
    position: absolute;
    bottom: 10px;
    right: 30px;
    z-index: 100;
  }
}
